<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>道路门牌系统</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>

    <!--css-->
    <link rel="stylesheet" href="/css/ydui.css"/>
    <link rel="stylesheet" href="/css/demo.css"/>
    <link rel="stylesheet" href="/css/style.css"/>
</head>
<body>
<section class="g-flexview">
    <header class="m-navbar"><a href="/" class="navbar-item"><i class="back-ico"></i></a>
        <div class="navbar-center"><span class="navbar-title">门牌更新维护</span></div>
    </header>
    <section class="g-scrollview">
        <ul class="m-grids-2 demo-small-pitch">
            <li class="grids-item wwclistbtn">
                <div class="grids-icon"><img src="http://static.ydcss.com/ydui/img/logo.png"></div>
                <div class="grids-txt">待维护任务</div>
            </li>
            <li class="grids-item alllistbtn">
                <div class="grids-icon"><i class="demo-icons-cell"></i></div>
                <div class="grids-txt">所有任务</div>
            </li>
        </ul>
        <div th:each="taskDto,stat:${taskDTOS}">
            <div class="m-list list-theme4 bodyplr wwclistbox"
                 th:if="${taskDto.getTask().getStatus()} ne '已完成'">
                <a th:href="'/weihu/list/'+${taskDto.getTask().getId()}" class="list-item">
                    <div class="list-mes listicon">
                        <h3 class="list-title">任务名称：<span
                                th:text="${taskDto.getTask().getTaskName()}">西安市新城区环城北路东段</span>
                        </h3>
                        <h3 class="list-title">班组：<span th:text="${taskDto.getTask().getGroupName()}">XX班</span></h3>
                        <div class="list-mes-item">
                            <div class="zhuangtai"><span class="yiban">维护时间：</span><span
                                    th:text="${#dates.format(taskDto.getTask().getYujiTime(), 'yyyy-MM-dd')}">2018-05-15 13:50</span>
                            </div>
                            <div class="zhuangtai"><span class="yiban">已处理/任务数</span><span
                                    th:text="${taskDto.getFinishNumber()}+'/'+${taskDto.getTotalNumber()}">10/100</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="m-list list-theme4 bodyplr alllistbox">
                <a th:href="'/weihu/list/'+${taskDto.getTask().getId()}" class="list-item">
                    <div class="list-mes listicon">
                        <h3 class="list-title">任务名称：<span
                                th:text="${taskDto.getTask().getTaskName()}">西安市新城区环城北路东段</span>
                        </h3>
                        <h3 class="list-title">班组：<span th:text="${taskDto.getTask().getGroupName()}">XX班</span></h3>
                        <div class="list-mes-item">
                            <div class="zhuangtai"><span class="yiban">维护时间：</span><span
                                    th:text="${#dates.format(taskDto.getTask().getYujiTime(), 'yyyy-MM-dd')}">2018-05-15 13:50</span>
                            </div>
                            <div class="zhuangtai"><span class="yiban">已处理/任务数</span><span
                                    th:text="${taskDto.getFinishNumber()}+'/'+${taskDto.getTotalNumber()}">10/100</span>
                            </div>
                        </div>
                    </div>
                </a>

            </div>
        </div>
    </section>
</section>

<!--js-->
<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/ydui.js"></script>
<script src="/js/ydui.flexible.js"></script>

<script>
    $(".alllistbox").css("display", "none");
    $(".alllistbtn").click(function () {
        console.log("所有任务被点击");
        // $(".alllistbox").css("display", "block");
        // $(".wwclistbox").css("display", "none");
         $(".wwclistbox").hide();
         $(".alllistbox").show();

    });
    $(".wwclistbtn").click(function () {
        console.log("待完成带任务被点击");
        // $(".alllistbox").css("display", "none");
        // $(".wwclistbox").css("display", "block");
        $(".wwclistbox").show();
        $(".alllistbox").hide();
    });
</script>


</body>


</html>
